.backgroundWithText {
    position: relative;
    animation-name: backgroundWithText-initAnimation;
    animation-duration: 3s;
    opacity: 1;
    width: 100%;
    min-height: 250px;    
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
	justify-content: center;
    align-items: center;
}

.backgroundWithText > .title {
	color: #f2f2f2;
	font-size: 70px;
	text-shadow: 3px 4px 5px rgba(0,0,0,0.25);
	width: 100%;
	text-align: center;
	animation-name: banner-animation-text;
	animation-duration: 3s;
	font-family: 'Verdana', sans-serif;
}

@keyframes backgroundWithText-initAnimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media only screen and (max-width: 600px)
{
    .backgroundWithText > .title {
        font-size: 55px;
    }
}